$common-red: #ff4907;
$common-black: #1b1b1f;
$active-font: #ff505e;
$active-bg: #d03902;
$common-bg: #494b47;

$course-item-left: 167px;
$course-item-right: 185px;
$tablist-height: 90px;
$backbtn-height: 118px;
$property-header-height: 230px;
$course-footer-height: 120px;
$video-height: 420px;

@mixin text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

//公用toast弹层
.common-toast{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  text-align: center;
  em{
    display: inline-block;
    padding: 10px;
    font-size: 26px;
    color: #fff;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
  }
}
//公用modal弹窗
.common-modal-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  .common-modal{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, -50%);
    width: 600px;
    box-sizing: border-box;
    padding-top: 10px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    .modal-title{
      display: block;
      width: 100%;
      font-size: 35px;
      color: #000;
      letter-spacing: 2PX;
      font-weight: 400;
      padding: 1em 0.8em;
      box-sizing: border-box;
    }
    .modal-desc{
      display: block;
      width: 100%;
      min-height: 60px;
      line-height: 1.3;
      font-size: 30px;
      color: #999;
      word-wrap: break-word;
      word-break: break-all;
      padding: 0 25px 10px;
      box-sizing: border-box;
    }
    .modal-actions{
      margin-top: 15px;
      display: block;
      width: 100%;
      font-size: 35px;
      line-height: 2.5;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      border-top: 1PX solid rgba(0, 0, 0, 0.3);
      & li:nth-child(2){
        color: #353535;
        border-left: 1PX solid rgba(0, 0, 0, 0.3);
      }
      li{
        color: #0BB20C;
        flex: 1 1 50%;
        &:active{
          opacity: 0.8;
          background-color: rgba(0, 0, 0, 0.06);
        }
      }
    }
  }
}
